#page
{
	width:980px;
	height:733px;
	margin-left:auto;
	margin-right:auto;
	font-family: arial;
}
#div_titre
{
	height:65px;
	width:100%;
	color:#0099CC;
	font-size:28px;
	text-align:center;
	font-weight:bold;
}
.produit
{
float:left;
width:321px;
height:316px;
background:  url(../img/fd_produit.png) no-repeat;
margin-left:5px;
}
.num_produit
{
	text-align:center;
	color:white;
	font-size:28px;
	text-shadow: 0px 0px 12px #000000;
	height:60px;
}
.fonction
{
	width:192px;
	height:64px;
	background:  url(../img/fd_fonction.png) no-repeat;
}

.fonction div
{
	width:183px;
	height:56px;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:22px;
	line-height:55px;
	cursor:pointer;
}

.off
{
	background-color:#000000;
}
.on
{
	background-color:#FF9900;
	text-decoration: blink;
}
.unknow
{
	background-color:#999999;
}
.error
{
	background-color:#FF0000;
}
.ok
{
	background-color:#33CC00;
}

.test
{
	width:87px;
	height:63px;
	background:  url(../img/fd_test.png) no-repeat;
}

.test div
{
	width:79px;
	height:56px;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:18px;
	line-height:55px;
	cursor:pointer;
}

.console
{
	float:left;
	width:988px;
	height:340px;
	background:  url(../img/fd_console.png) no-repeat;
	color:white;
}
.console strong
{
	color:red;
	font-weight:normal;
}
.console div
{
	float:left;
	width:50%;
	height:100%;
	overflow:auto;
}
#jauge_buffer
{
	float:left;
	height:60px;
	width:500px;
	border:solid black 2px;
	margin-left:230px;
	
}
#barre_jauge
{
		height:100%;
		background:  url(../img/fd_pourcentage.png) repeat-y;
		width:100px;
}